<%--
$Id: header.jsp 19 2011-06-11 04:06:06Z feigme $
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/commons/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<div id="cat-box">
	<h2>商品分类</h2>
	<ul>
        <li class="clothes"><a class="pp-category-a" href="${ctx }/clothes"><span class="sketch"></span>男女服装<span class="pointer"></span></a></li>
        <li class="shoes"><a class="pp-category-a" href="${ctx }/shoes"><span class="sketch"></span>鞋包配饰<span class="pointer"></span></a></li>
        <li class="cosmetic"><a class="pp-category-a" href="${ctx }/cosmetic"><span class="sketch"></span>美容美妆<span class="pointer"></span></a></li>
        <li class="sport"><a class="pp-category-a" href="${ctx }/sport"><span class="sketch"></span>运动户外<span class="pointer"></span></a></li>
        <li class="digi"><a class="pp-category-a" href="${ctx }/digi"><span class="sketch"></span>数码家电<span class="pointer"></span></a></li>
        <li class="furn"><a class="pp-category-a" href="${ctx }/furn"><span class="sketch"></span>家居家装<span class="pointer"></span></a></li>
        <li class="food"><a class="pp-category-a" href="${ctx }/food"><span class="sketch"></span>食品保健<span class="pointer"></span></a></li>
        <li class="baby end"><a class="pp-category-a" href="${ctx }/baby"><span class="sketch"></span>母婴用品<span class="pointer"></span></a></li>
	</ul>
</div>


<div id="demo4" class="s-demo">
    <div class="yslider-stage">
        <p><a href="http://co.youa.baidu.com/content/promo/zhongjimiaoshazong/index.html" target="_blank"><img width="405" height="220" alt="终极秒杀场" src="http://co.youa.baidu.com/picture/r/image/2009-12-25/236d430f443d05925ad7291d9ad6b560.jpg"/></a></p>
        <p><a href="http://youa.baidu.com/zc" target="_blank"><img width="405" height="220" alt="9折话费" src="http://co.youa.baidu.com/picture/r/image/2009-12-25/4b2e801b6d174648ec77678d4a9f32e8.jpg"/></a></p>
        <p><a href="http://co.youa.baidu.com/content/lottery/chrislotact/index.html?c=676" target="_blank"><img width="405" height="220" alt="彩票大派送" src="http://co.youa.baidu.com/picture/r/image/2009-12-21/eb76df2598316e6b5e52cd94ae2e3f1b.jpg"/></a></p>
        <p><a href="http://co.youa.baidu.com/content/promo/nianzhongjihe/index.html" target="_blank"><img width="405" height="220" alt="限量抢购" src="http://co.youa.baidu.com/picture/r/image/2009-12-25/cc60334e6a75fab260e680cfc2b35ea7.jpg"/></a></p>
        <p><a href="http://youa.baidu.com/shop/3710a13d15c375285841ef08/tab/0344b67328e77dc92132cad9" target="_blank"><img width="405" height="220" alt="周末购" src="http://co.youa.baidu.com/picture/r/image/2009-12-27/74538ac61dc0836f5d40d29b181868fc.jpg"/></a></p>
        <p><a href="http://co.youa.baidu.com/content/promo/xmas09/index.html?c=740" target="_blank"><img width="405" height="220" alt="年终风暴" src="http://co.youa.baidu.com/picture/r/image/2009-12-23/d69f75d92daf625053bd0f92f2b5e586.jpg"/></a></p>
    </div>
    <ul class="yslider-stick">
        <li class="selected"><a href="http://co.youa.baidu.com/content/promo/xmas09/index.html?c=740" target="_blank">年终风暴</a></li>
        <li><a href="http://co.youa.baidu.com/content/promo/zhongjimiaoshazong/index.html" target="_blank">终极秒杀场</a></li>
        <li><a href="http://youa.baidu.com/zc" target="_blank">9折话费</a></li>
        <li><a href="http://co.youa.baidu.com/content/lottery/chrislotact/index.html?c=676" target="_blank">彩票大派送</a></li>
        <li><a href="http://co.youa.baidu.com/content/promo/nianzhongjihe/index.html" target="_blank">限量抢购</a></li>
        <li><a href="http://youa.baidu.com/shop/3710a13d15c375285841ef08/tab/0344b67328e77dc92132cad9" target="_blank">周末购</a></li>
    </ul>
</div>
<script type="text/javascript">
KISSY.use("event,switchable", function (S, Event, Switchable) {
    var Slide = S.Slide;
    S.ready(function (S) {
        Slide('#demo4', {
            navCls : 'yslider-stick',
            contentCls : 'yslider-stage',
            activeTriggerCls : 'selected',
            delay : .2,
            effect : 'fade',
            easing : 'easeBoth',
            duration : .8,
            autoplay : true
        });
    });
});
</script>

<div id="demo5">
    <div class="section scroll-news">
        <ul class="news-items">
            <li><a target="_blank" href="http://youa.baidu.com/shop/72e01b38fb26b4ebc5db0136">“一分钱”轻松体验有啊网购流程</a></li>
            <li><a target="_blank" href="http://co.youa.baidu.com/content/payhelp/b12/zhaoshang/">开通网银，百付宝为您一路护航</a></li>
            <li><a target="_blank" href="http://co.youa.baidu.com/picture/r/mall/guide/index.html">新手买家？帮助教程带您走通有啊</a></li>
            <li><a target="_blank" href="http://youa.baidu.com/static/help/quality_form_build.html">尽情挥洒你的创意，共建百度有啊</a></li>
            <li><a target="_blank" href="http://co.youa.baidu.com/content/help/A10/2008-09-06/153433185574.html">认准标识，精选实力卖家任您选择</a></li>
            <li><a target="_blank" href="http://co.youa.baidu.com/content/help/A3/2/2008-09-01/143723181295.html#10">收藏</a> + <a target="_blank" href="http://co.youa.baidu.com/content/help/A3/2009-01-08/112820209991.html">购物车</a>，逛街搜店更便捷</li>
        </ul>
    </div>
</div>
<script type="text/javascript">
KISSY.use("event,switchable", function (S, Event) {
    var Slide = S.Slide;
    S.ready(function (S) {
        Slide('#demo5', {
            contentCls : 'news-items',
            hasTriggers : false,
            effect : 'scrolly',
            easing : 'easeOutStrong',
            interval : 3,
            duration : .2
        });
    });
});
</script>

<div class="clean"></div>

<div class="col1">
	<header>
		<div class="col-header">
			<h2>热卖商品</h2>
			<span>更多</span>
		</div>
	</header>
	<article>
		<div class="col-body">
			<oscache:cache key="index_hotItem" duration="60s">
			<iary:block type="hotItem"></iary:block>
			</oscache:cache>
		</div>
	</article>
</div>

<div class="col1">
	<header>
		<div class="col-header">
			<h2>热门服饰</h2>
		</div>
	</header>
	<article>
		<div class="col-body">
			<oscache:cache key="index_hotClothes" duration="60s">
			<iary:block type="hotItem"></iary:block>
			</oscache:cache>
		</div>
	</article>
</div>

</body>
</html>